.yulang-head-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-bottom: var(--yulang-border-thickness--) solid var(--yulang-border-color--);
  line-height: 5em;
  height: 5em;
}

.yulang-head-title {
  margin-right: auto;
  cursor: pointer;

  img {
    width: 10em;
  }
}

.yulang-head-menu-items {
  display: flex;
  margin-right: 8em;
  height: 100%;


  .yulang-head-menu-item {
    margin: 0em 2em;
    color: var(--yulang-font-color--);
    cursor: pointer;
    text-align: center;
  }

  .yulang-head-menu-item-active {
    color: var(--yulang-theme-color--);
    height: calc(100% - 2px);
    border-bottom: 2px solid var(--yulang-theme-color--);
  }
}